<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="stylesheet" href="css/login.css">

</head>

<body>
    <div id="container">
        <div id="container_left">
            <img src="images/login_left_img.jpg" alt="">
        </div>
        <div id="container_right">
            <div id="container_right_top">
                <div id="logo">
                    <img src="images/logo.png" alt="" width="39px" height="39px">
                    <span id="text">小米账号</span>
                </div>
                <div class="right">
                    <ul id="right_ul">
                        <li><a href="">用户协议</a></li>
                        <li><a href="">隐私政策</a></li>
                        <li><a href="" style="border-right: 2px solid #b0b0b0;padding-right: 8px;">帮助中心</a></li>
                        <li id="language_hover"><a href="">中文（简体）</a></li>
                        <div id="language">
                            <ul>
                                <li><a href="">中文(简体)</a></li>
                                <li><a href="">English</a></li>
                                <li><a href="">བོད་སྐད་</a></li>
                                <li><a href="">ئۇيغۇرچە</a></li>
                            </ul>
                        </div>
                    </ul>
                </div>
            </div>
            <div id="container_login">
                <div id="logo_container">
                    <div id="erweima">
                        <div id="er_one">
                            <a href=""></a>
                        </div>
                        <div id="er_two"></div>
                    </div>
                    <div id="login_container">
                        <div class="title">
                            <a href="#" id="login_tab" class="active">登录</a>
                            <a href="#" id="reg_tab">注册</a>
                        </div>
                        <form action="" id="login_form">
                            <input type="text" class="input" placeholder="邮箱/手机号码/小米ID"><br>
                            <input type="password" class="input" placeholder="密码"><br>
                            <input type="checkbox" name="" id="check"><span>已阅读并同意小米账号用户协议和隐私政策</span>
                            <input type="button" id="login" value="登录"><br>
                            <a href="#" id="password">忘记密码?</a><a href="#" id="iphone_login">手机号登录</a>
                            <br>
                            <a href="#" id="qt">其他方式登录</a>
                            <br>
                            <a href="#" class="qt_login"><img src="images/10001.jpg" alt=""></a>
                            <a href="#" class="qt_login"><img src="images/100002.png" alt=""></a>
                            <a href="#" class="qt_login"><img src="images/10003.jpg" alt=""></a>
                            <a href="#" class="qt_login"><img src="images/10004.jpg" alt=""></a>
                        </form>

                        <form action="" id="reg_form">
                            <select name="" id="country">
                                <option value="" disabled selected>请选择国家</option>
                                <option value="China">中国</option>
                                <option value="United States">美国</option>
                                <option value="United Kingdom">英国</option>
                                <option value="France">法国</option>
                                <option value="Germany">德国</option>
                                <option value="Japan">日本</option>
                                <option value="South Korea">韩国</option>
                                <option value="Australia">澳大利亚</option>
                                <option value="Canada">加拿大</option>
                                <option value="Russia">俄罗斯</option>
                                <option value="Brazil">巴西</option>
                                <option value="India">印度</option>
                                <option value="Italy">意大利</option>
                                <option value="Spain">西班牙</option>
                                <option value="Mexico">墨西哥</option>
                                <option value="South Africa">南非</option>
                                <option value="Egypt">埃及</option>
                                <option value="Nigeria">尼日利亚</option>
                                <option value="Argentina">阿根廷</option>
                                <option value="Saudi Arabia">沙特阿拉伯</option>
                            </select>
                            <br>
                            <div class="input-container">
                                <select class="country-code-select" id="countryCodeSelect">
                                    <option value="+86" selected>中国 (+86)</option>
                                    <option value="+1">美国 (+1)</option>
                                    <option value="+44">英国 (+44)</option>
                                    <option value="+81">日本 (+81)</option>
                                    <option value="+82">韩国 (+82)</option>
                                </select>
                                <input type="tel" class="phone-input" placeholder="请输入手机号码">
                            </div><br>
                            <div class="input-container captcha-container">
                                <input type="text" class="captcha-input" placeholder="请输入验证码">
                                <span class="get-captcha">获取验证码</span>
                            </div>
                            <input type="checkbox" name="" id="check"><span>已阅读并同意小米账号用户协议和隐私政策</span>
                            <input type="button" id="login" value="注册"><br>
                            <a href="#" id="password">收不到验证码?</a>
                            <br>
                        </form>
                    </div>
                </div>
            </div>
            <div id="bottom">
                小米公司版权所有-京ICP备10046444-京公网安备11010802020134号-京ICP证110507号
            </div>
        </div>
    </div>
    <script src="js/login.js"></script>
</body>

</html>